@media only screen 
and (max-device-width:500px) {
    dd {
        display: inline-block;
        width: 100%;
    }
    .fieldsTable {
        border-collapse: separate;
        border-spacing: 0 4em;
    }
    #formTable {
        width: 100%;
    }
    #tabsDiv {
        display: none;
    }
    /* REGISTER */
    #formTd .mandatory {
        font-size: 3em;
    }
    #formTd .registerLeftTd {
        width: 100%;
        display: block;
        text-align: left;
        font-size: 3.7em;
    }
    #formTd .registerRightTd {
        width: 100%;
        display: block;
        text-align: left;
    }
    #formTd .registerRightTd input {
        max-width: 100%;
        width: 100%;
        min-width: 100px;
        padding: 0;
        padding-top: 25px;
        padding-bottom:  25px;
        font-size: 3.7em;
    }
    #formTd .registerRightTd select {
        max-width: 100%;
        width: 100%;
        min-width: 100px;
        padding: 0;
        padding-top: 25px;
        padding-bottom:  25px;
        font-size: 3.7em;
    }
    #formTd .registerRightTd textarea {
        max-width: 100%;
        width: 100%;
        min-width: 100px;
        padding: 0;
        padding-top: 25px;
        padding-bottom:  25px;
        font-size: 3.7em;
    }
    #formTd .counterText {
        display: block;
        font-size: 3em;
        width: 100%;
        text-align: right;
    }
    #formTd .registerRightTd input[type=checkbox] {
        width: 100px;
        height: 100px;
    }
    #formTd .separator {
        font-size: 3.7em;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    #formTd .qq-upload-button {
        font-size: 3.7em;
        width: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    #formTd .addGuestButton {
        font-size: 3em;
        padding: 3%;
    }
    #formTd .addGuestButton img {
        display: none;
    }
    #formTd img {
        display: none;
    }
    #formTd .addGuestOpenButton {
        font-size: 3em;
        padding: 3%;
    }
    #formTd .errors {
        font-size: 3em;
    }
    #formTd .tdGuestFirst {
        display: block;
        width: 100%;
        padding-bottom: 10%;
    }
    #formTd .tdGuestSecond {
        display: block;
        width: 100%;
        text-align: left;
    }
    #formRegisterGuest {
        margin-top: 3%;
    }
    #formRegisterGuest .tdGuestButtons {
        padding-bottom: 3%;
    }
    #btSaveGuest {
        font-size: 3em;
        padding: 3%;
    }
    #btCancelGuest {
        font-size: 3em;
        padding: 3%;
    }
    #btRemoveGuest {
        font-size: 3em;
        padding: 3%;
    }
    #suportGuestDiv {
        margin-top: 4%;
        margin-bottom: 3%;
        fon-size: 3em;
    }
    .arrowLeft {
        margin-top: 15%;
        font-size: 3em;
        padding: 25px;
    }
    .arrowRight {
        margin-top: 15%;
        font-size: 3em;
        padding: 25px;
    }
    /* SERVICES */
    .servicesTable {
        border-collapse: separate;
        border-spacing: 0 4em;
    }
    #formTd .infoGuestTd {
        font-size: 3em;
    }
    #formTd .firstTd {
        display: block;
        font-size: 3em;
        padding: 0;
    }
    #formTd .firstTdPadd {
        padding-bottom: 0;
    }
    #formTd .firstTd .serviceDescription {
        font-size: 0.9em;
    }
    #formTd .secondTd {
        width: 100%;
        display: block;
        font-size: 3.7em;
        text-align: left;
        padding-top: 5%;
    }
    #formTd .secondTd dd {
        width: auto;
    }
    #formTd .secondTd .noEnterSubmit {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 0.9em;
    }
    #formTd .secondTd .servicePrice {
        padding-left: 5%;
        padding-right: 5%;
    }
    #formTd .secondTd .quantitySeparator {
        padding-left: 5%;
        padding-right: 5%;
    }
    #formTd .thirdTd {
        width: 100%;
        display: none;
    }
    #formTd input[type=checkbox] {
        width: 100px;
        height: 100px;
    }
    #formTd #servicerTotal {
        display: none;
    }
    #formTd .serviceObservations {
        font-size: 3.7em;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 100%;
    }
    #formTd .serviceCalendar {
        font-size: 3.7em;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 100%;
    }
    #formTd .packageDescription {
        font-size: 0.9em;
    }
    #formTd .observationsTd {
        padding-bottom: 5%;
        border-bottom: 1px solid rgba(0,0,0,0.5);
    }
    #formTd .serviceExtras input {
        padding-top: 25px;
        padding-bottom:  25px;
        font-size: 3.7em;
        width: 100%;
    }
    #formTd #registration_total_div {
        font-size: 3.7em;
        padding: 3%;
        width: 60%;
        margin-top: 1%;
    }
    #suportGuestDiv .buttonGuest {
        font-size: 3em;
        padding: 3%;
        margin-top: 1%;
    }
    #suportGuestDiv .buttonGuest span {
        font-size: 0.9em;
    }
    #suportGuestDiv .guestsTitle {
        font-size: 3em;
        display: block;
        width: 100%;
        text-align: left;
    }
    /* LODGER */
    #formTd .lodgerTableTop {
        font-size: 3.7em;
        border-collapse: separate;
        border-spacing: 0 1em;
    }
    #formTd .lodgerTableTop td {
        display: inline-block;
        padding: 0;
        width: 100%;
        text-align: left;
    }
    #formTd .lodgerTableTop input {
        max-width: 100%;
        width: 100%;
        min-width: 100px;
        padding: 0;
        padding-top: 25px;
        padding-bottom:  25px;
        font-size: 1em;
        margin-top: 1%;
        margin-bottom: 5%;
    }
    #formTd .lodgerTableTop select {
        max-width: 100%;
        width: 100%;
        min-width: 100px;
        padding: 0;
        padding-top: 25px;
        padding-bottom:  25px;
        font-size: 1em;
        margin-bottom: 5%;
    }
    #formTd .lodgerTableBottom {
        border-collapse: separate;
        border-spacing: 0 1em;
    }
    #formTd .lodgerTableBottom .nightsFirstTd {
        display: none;
    }
    #formTd .lodgerTableBottom .nightsSecondTd {
        display: none;
    }
    #formTd .lodgerTableBottom .nightsThirdTd {
        padding-bottom: 10%;
        font-size: 3.7em;
        display: inline-block;
        width: 100%;
    }
    #formTd .lodgerTableBottom #nights {
        font-size: 1.2em;
    }
    #formTd .lodgerTableBottom .hotelLine {
        font-size: 1em;
    }
    #formTd .lodgerTableBottom .hotelStars {
        font-size: 1em;
    }
    #formTd .lodgerTableBottom .hotelInfo {
        font-size: 1em;
        display: block;
        width: 100%;
        padding-top: 3%;
    }
    #formTd .lodgerTableBottom .hotelInfo2 {
        font-size: 1em;
    }
    #formTd .lodgerTableBottom .hotelDescription {
        font-size: 0.9em;
        display: block;
        width: 100%;
        padding-top: 3%;
        text-align: justify;
    }
    #formTd .lodgerTableBottom .hotelServiceName {
        font-size: 3.7em;
        display: block;
        width: 100%;
        padding-top: 5%;
    }
    #formTd .lodgerTableBottom .hotelServiceCheck {
        display: inline-block;
        width: 20%;
        text-align: left;
        height: 100px;
        padding-bottom: 10%;
        border-bottom: 1px solid rgba(0,0,0,0.5);
        vertical-align: middle;
    }
    #formTd .lodgerTableBottom .hotelServiceCost {
        display: inline-block;
        font-size: 3.7em;
        width: 40%;
        height: 100px;
        padding-top: 5%;
        padding-bottom: 5%;
        border-bottom: 1px solid rgba(0,0,0,0.5);
        vertical-align: middle;
    }
    #formTd .lodgerTableBottom .hotelServiceCostFinal {
        display: inline-block;
        font-size: 3.7em;
        width: 39%;
        text-align: right;
        height: 100px;
        padding-top: 5%;
        padding-bottom: 5%;
        border-bottom: 1px solid rgba(0,0,0,0.5);
        vertical-align: middle;
    }
    #formTd .lodgerTableBottom .hotelServiceInfo {
        font-size: 0.9em;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    #formTd .lodgerTableBottom .hotelPartialTr {
        display: none;
        clear: both;
    }
    #formTd .lodgerTableBottom .hotelHrTr {
        display: none;
    }
    #formTd .lodgerTableBottom .hotelTotalTr {
        font-size: 3.7em;
        display: block;
        width: 100%;
    }
    #formTd .lodgerTableBottom .hotelReservationTitle {
        display: block;
        width: 100%;
    }
    #formTd .lodgerTableBottom .hotelReservationNumber {
        padding: 25px;
    }
    #formTd .lodgerTableBottom .hotelReservationButton {
        padding-top: 2%;
        padding-bottom: 2%;
        display: block;
        width: 100%;
        text-align: center;
    }
    #formTd .lodgerTableBottom .hotelReservationX {
        padding: 25px;
    }
    #formTd .lodgerTableBottom .hotelReservationButtons {
        display: inline-block;
        padding-right: 1%;
        padding-bottom: 5%;
    }
    #formTd .lodgerTableBottom .hotelTotalTr1 {
        display: block;
        width: 100%;
    }
    #formTd .lodgerTableBottom .hotelTotalTr2 {
        display: none;
    }
    #formTd .lodgerTableBottom .hotelTotalTr3 {
        display: none;
    }
    #formTd .hotelServiceLine {
        padding-bottom: 5%;
        border-bottom: 1px solid rgba(0,0,0,0.5);
    }
    #formTd .hotelObservationsTr td {
        font-size: 3.7em;
        padding-top: 5%;
    }
    #formTd .hotelObservationsTr textarea {
        max-width: 100%;
        width: 100%;
        min-width: 100px;
        padding: 0;
        padding-top: 25px;
        padding-bottom:  25px;
        font-size: 1em;
    }
    /* PAYER */
    #formTd .payerTable {
        border-collapse: separate;
        border-spacing: 0 3em;
    }
    #formTd .tableClean {
        font-size: 3.7em;
        width: 100%;
    }
    #formTd .tableClean .tdCleanName {
        display: block;
        width: 100%;
        padding-bottom: 5%;
    }
    #formTd .tableClean .tdCleanServiceName {
        display: block;
        width: 100%;
        text-align: justify;
    }
    #formTd .tableClean .tdCleanQuantities {
        display: inline-block;
        font-size: 0.9em;
        width: 25%;
        text-align: left;
        border-bottom: 1px solid rgba(0,0,0,0.5);
        height: 100px;
    }
    #formTd .tableClean .tdCleanCost {
        display: inline-block;
        width: 100%;
        text-align: right;
        border-bottom: 1px solid rgba(0,0,0,0.5);
        height: 100px;
    }
    #formTd .tableClean .tdCleanPrice {
        display: inline-block;
        width: 74%;
        text-align: right;
        border-bottom: 1px solid rgba(0,0,0,0.5);
        height: 100px;
    }
    #formTd .tableClean .tdCleanServiceName span {
        font-size: 0.8em;
        display: block;
        width: 100%;
        padding-bottom: 3%;
    }
    #formTd .payerTotalTr {
        display: none;
    }
    #formTd .payerTable input[type=radio] {
        width: 100px;
        height: 100px;
        padding-bottom: 3%;
    }
    #formTd .payerTable #payermethod-element {
        font-size: 3.7em;
    }
    #formTd .payerDescription {
        font-size: 3.7em;
    }
    #formTd .payerObservationsDiv {
        font-size: 3.7em;
    }
    #formTd .payerObservationsDiv textarea {
        max-width: 100%;
        width: 100%;
        min-width: 100px;
        padding: 0;
        padding-top: 25px;
        padding-bottom:  25px;
        font-size: 3.7em;
    }
    #formTd .payerTotalTd {
        font-size: 3.7em;
    }
    #savebt {
        font-size: 3em;
        padding: 25px;
    }
    #formTd .topDescriptionDivRegister {
        font-size: 0.8em;
    }
    #formTd .bottomDescriptionDivRegister {
        font-size: 3.2em;
    }
    #formTd .topDescriptionDivServicer {
        font-size: 0.8em;
    }
    #formTd .bottomDescriptionDivServicer {
        font-size: 0.8em;
    }
    #suportGuestDiv .bottomDescriptionDivServicer {
        font-size: 3em;
    }
    #formTd .topDescriptionDivLodger {
        font-size: 0.8em;
    }
    #formTd .bottomDescriptionDivLodger {
        font-size: 0.8em;
    }
    #formTd .topDescriptionDivPayer {
        font-size: 0.8em;
    }
    #formTd .bottomDescriptionDivPayer {
        font-size: 0.8em;
    }
    #formTd .emptyDivs {
        font-size: 3.7em;
    }
    #formTd .emptyDivs .error {
        font-size: 1em;
    }
    #formTd #payermethod-element .errors {
        font-size: 0.9em;
    }
}